*{
    padding:0rem;
    margin: 0rem;
}
a{text-decoration: none;}
header{
   position:relative;
   width:10rem; /* 375/37.5 */
   height: 1.33rem /* 50/37.5 */;
   background:orange;
   position:relative;
}
header>a:nth-of-type(1){
    width:0.3947rem;
    height:0.7467rem;
    color:#fff;
    font:0.53rem/0.7467rem "";
    text-align: center;
    position: absolute;
    left:0.4rem;
    top:0.3rem;
}
header>h1{
    position:absolute;
    left:3.8rem;
    top:.4rem;
    height:.576rem;
    color:#fff;
    font:.53rem/.576rem "";
    font-weight:bolder;
}
header>a:nth-of-type(2)>img{
    position:absolute;
  width:.91rem;
  height:.91rem;
    right:0.5rem;
    top:0.3rem;
}
main{
    margin-bottom: .53rem;
}
main>ul{
    display: flex;
    flex-wrap: wrap;
}
main>ul>li{
    border:.01rem solid #ccc;
    list-style: none;
    width:48%;
    height:2.19rem;
    box-sizing: border-box;
    margin: .1rem;
    position:relative;
}
main>ul>li>img{
    position:absolute;
    left:50%;
    top:30%;
}
main>ul>li>p{
    left:45%;
    top:50%;
    position:absolute;
}
body>div{
    height:1.01rem;
    background: #f1f1f1;
    opacity: .8;
    padding-left:.27rem;
}
body>div>a{
    font:.37rem/1.01rem "";
    color:#000
}
footer{
    height:5.952rem;
    background: #f1f1f1;
    position: relative;
}
footer>button:nth-of-type(1){
    width:9.472rem;
    background: #fff;
    margin:0.2667rem;
    height:0.843rem;
    border:0rem;
}
footer>div{
    height:0.917rem;
    background:orange;
    margin-top: 0.2667rem;
    position:relative;
}
footer>div>span{
    color:#fff;
    line-height: 0.917rem;
    font:.53rem/.92rem "";
    margin-left:.2rem
}
footer>div>a>img{
    width:.53rem;
    height:.53rem;
    position:absolute;
    right:.3rem;
    top:.2rem;
}
footer>ul{
margin-top: .4rem;;
}
footer>ul>li{
    float:left;
    list-style: none;
    width:33.333%;
    text-align:center;
    border:0.02667rem solid #ccc;
    box-sizing: border-box;
    height: .88rem;
  
}
footer>ul>li>a{
    color:#000;
    font:.4rem/.88rem "";
    
}
footer>h1{
    height:.448rem;
    font:0.3467rem/0.448rem "";
    text-align: center;
    position: absolute;
    bottom:1.3rem;
    left:1.5rem;
}
footer>h2{
    height:.448rem;
    font:0.3rem/0.448rem "";
    text-align: center;
    position:absolute;
    bottom:.65rem;
    left:3.2rem;
}